<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="public.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="html/text ; charset=UTF-8">
<script type="text/javascript" src="${contextPath}/csair/js/jquery-1.11.1.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/soundmanager2.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/init.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/public.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/jquery.blockUI.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/navBlock.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/toaddpassenger.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/checkIdCard.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/checkData.js" charset="UTF-8"></script>
<link rel="stylesheet" href="${contextPath}/csair/css/public.css" />
<link rel="stylesheet" href="${contextPath}/csair/css/toaddpassenger2.css" />
<title>旅客信息</title>
<style type="text/css">
.add_passenger_wrap .add_pas_div .ap_passenger_infos li{
	padding: 5px 5px 5px 5px;
}

#flightInfo2{ 
float:left;
width:980px; 
min-height:550px; 
position:relative; 
margin:0px auto; 
border:0px solid #000; 
} 
#shade{ 
width:980px; 
height:540px; 
background-color:#AAAAAA; 
position:absolute; 
color:#fff;
line-height: 550px; 
z-index:999; 
left:0px; 
top:0px; 
-moz-opacity:0.5;/*Firefox*/ 
opacity:0.5;/*Opera*/ 
filter:alpha(opacity=50); /*IE*/ 
} 
</style>
<script type="">

$(document).ready(function() { 
	
});
</script>
</head>

<body>
	<div style="width: 1000px; margin: 0 auto; position: relative;">
		<a href="/iac/wca.html" style="float: right;margin-left: 10px; " id="toolbarCtrl" title="点此此处开启低视力人群工具条">开启低视力人群工具条</a>
	<!-- <a href="/iac/toolbar/help.html" style="float: right;" id="toolbarHelp" title="点此查看无障碍帮助和相关设置">无障碍帮助和相关设置</a>-->	

	</div>
	<div class="header">
		<div class="container">
			<img id="logo" src="${contextPath}/csair/img/logo.jpg" alt="标志" />
		</div>
	</div>
	<%@include file="nav2.jsp"%>
	请在<span id="count" style="font-weight: bold;color: red;"> 300 </span>秒内进行操作
	<div class="container">
		<div class="add_passenger_wrap select_wrap">
			<div id="flightInfo"></div>
			
			<div id="flightInfo2" >
				<div id = "shade">页面信息加载中......</div> 
				<div class="shade_page_title"> 
					<h2>航班信息</h2>
					<div class="shade_page_title_more"></div>
					<div class="clearboth"></div>
				</div>
				<div class="shade_ap_flight_info navBlock">
					<div class="shade_ap_flight_info_flight">
						<ul>
							<a href="##" class="question" style="float: left;" title=""><img src="/iac/csair/img/question.png"></a>
							<li class="ap_flight_travel">
								<div class="">单程</div>
							</li>
							<li class="shade_ap_flight_dep">
								<div class="shade_place">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
								<div class="shade_ap_datetime">
									<div class="shade_ap_time">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
									<div class="shade_ap_date" id="arrtime">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
									<div class="shade_ap_date" id="hbh">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
								</div>
							</li>
							<li class="shade_ap_flight_ari">
								<div class="shade_place">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
								<div class="shade_ap_datetime">
									<div class="shade_ap_time">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
									<div class="shade_ap_date">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
								</div>
							</li>
							<li class="shade_ap_flight_class">
								<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
							</li>
						</ul>
					</div>
					<div class="shade_ap_price_con">
						<table border="" cellspacing="" cellpadding="">
							<thead>
								<tr>
									<th>旅客</th>
									<th>票价</th>
									<th>燃油费</th>
									<th>机场税</th>
									<th>保险费</th>
								</tr>
							</thead>
							<tbody>
									<tr>
										<td>成人x&nbsp;&nbsp;</td>
										<td>&nbsp;-&nbsp;</td>
										<td>&nbsp;-&nbsp;</td>
										<td>&nbsp;-&nbsp;</td>
										<td>&nbsp;-&nbsp;</td>
									</tr>
									<tr>
										<td>儿童x&nbsp;&nbsp;</td>
										<td>&nbsp;-&nbsp;</td>
										<td>&nbsp;-&nbsp;</td>
										<td>&nbsp;-&nbsp;</td>
										<td>&nbsp;-&nbsp;</td>
									</tr>
									<tr>
										<td>婴儿x&nbsp;&nbsp;</td>
										<td>&nbsp;-&nbsp;</td>
										<td>&nbsp;-&nbsp;</td>
										<td>&nbsp;-&nbsp;</td>
										<td>&nbsp;-&nbsp;</td>
									</tr>
							</tbody>
						</table>
					</div>
					<div class="clearboth"></div>
				</div>
				<div class="shade_ap_all_price">
					总价：<span class="shade_flight_price orangefont" id="total">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
				</div>
				<div class="shade_page_title ">
					<h2 class="shade_passenger_h2">乘机人信息</h2>
					<div class="clearboth"></div>
				</div>
				<div class="shade_add_pas navBlock">
					<div class="shade_add_pas_con">
							<div class="shade_add_pas_div" >
								<ul class="shade_ap_passenger_infos">
									<li class=""><select class="shade_ap_infos_human_type" >
												<option >成人 (12岁以上)</option>
									</select></li>
									<li class=""><span class="shade_orangefont">*</span> <label>姓名</label> <input  type="text"  class="shade_ap_infos_name" title="姓名" /></li>
				
									<li class="shade_pIdLi"><span class="shade_orangefont">*</span> <label>证件</label> <select class="shade_ap_infos_human_card_type" >
											<option >身份证</option>
									</select> <input  type="text"  class="shade_ap_infos_human_card_num" /> 
									</li>
								</ul>
								<div class="shade_flight_insurance">
									<ul class="shade_flight_insurance1">
										<li class="shade_insurance_title">保险</li>
										<li class="shade_insurance_name"><input type="checkbox"   /> <label>航空综合险</label></li>
										<li class="shade_insurance_price"><span class="shade_orangefont">￥&nbsp;&nbsp;</span>/份 </li>
										<li class="shade_insurance_con">最高赔付￥200万<span class="shade_bluefont">（含财产损失、意外保险、航班延误等项目）</span></li>
									</ul>
								</div>
								<div class="clearboth"></div>
							</div>
					</div>
					<div class="shade_add_pas_btn">
						<button type="button"  >添加新乘机人</button>
					</div>
				</div>
			
			
				<div class="clearboth"></div>
				<div class="page_title ">
					<h2 class="passenger_h2" title="联系人信息">联系人信息</h2>
					<div class="clearboth"></div>
				</div>
				<div class="ap_contacts_info navBlock">
				<a href="##" class="question" style="float: left;" title="按tab键进行联系人信息的填写，请按正确格式填写"><img src="/iac/csair/img/question.png"></a>
					<div class="ap_contacts_inputs">
						<span class="orangefont">*</span> <label for="contact_name">姓&nbsp;名</label> <input placeholder="" type="text" name="contact_name" id="contact_name" value=""  title="联系人信息，姓名"  /> <span class="orangefont">*</span> <label class=""
							for="contact_moblie">手机号</label> <input placeholder="" type="text" name="contact_moblie" id="" value=""  maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'')" /> <span class="bluefont">用于接收航班信息、管理订单</span>
					</div>
					<div class="ap_contacts_inputs">
						<span class="orangefont">*</span> <label for="e_mail">邮&nbsp;箱</label> <input placeholder="" type="text" name="e_mail" id="e_mail" value="" title="电子邮箱号"/> 
						<c:if test="${sessionScope.userName==null}">
						<button class="ap_contacts_info_code_btn bluebtn" type="button" id="" title="点击此处获取验证码，请耐心等候">获取验证码</button>
						<span class="orangefont">*</span> <label class="" for="code">验证码</label>
						<input placeholder="" type="text" class="ap_contacts_input_short" name="code" id="" value="" />
						</c:if>
					</div>
				</div>
			</div> 
			
		 	<div class="ad_pas_agreement">
				<label for="ty"> 
					<a class="" href="cxbz_clickA?href=http://www.csair.com/cn/tourguide/booking/orders/order/lvkexuzhi/guonei/" target="_blank">《旅客购票须知》</a> 
					<a class="" href="cxbz_clickA?href=http://www.csair.com/cn/tourguide/booking/orders/order/lkxlzldcdyxgd/" target="_blank">《锂电池运输规定》</a> 
					<a class="" href="cxbz_clickA?href=http://www.csair.com/cn/tourguide/luggage_service/accompanied_luggage/notice/" target="_blank">《客票行李规定》</a> 
					<a class="" href="cxbz_clickA?href=http://www.csair.com/cn/tourguide/booking/orders/order/gnysztj/" target="_blank">《国内运输总条件》</a>
					<a class="" href="cxbz_clickA?href=http://www.csair.com/cn/tourguide/booking/orders/order/gjysztj/" target="_blank">《国际运输总条件》</a>
					<a class="" href="cxbz_clickA?href=http://www.csair.com/cn/tourguide/booking/orders/static/yinsitiaokuan/" target="_blank">《隐私政策》</a>
				</label>
				<input type="checkbox" name="ty" id="ty" title="已阅读并理解,请点击该复选框" />已阅读并理解 
			</div> 
			<div class="ad_pas_page_btn">
				<c:if test="${sessionScope.userName!=null}">
				<button class="orangebtn" type="button" id="next">下一步</button>
				</c:if>
				<c:if test="${sessionScope.userName==null}">
				<button class="orangebtn" type="button" id="next1">下一步</button>
				</c:if>
			</div>
		</div>
	</div>
	<span id="checkloadtime" onclick="loadtime()" >查看加载时间</span>
	<div id="loadtime" style="display:none;">${Time }</div>
	<%@include file="footer2.jsp"%>
	<%@include file="footer.jsp"%>
</body>

</html>
